page-person-resume {
    input[type='radio'].radio {opacity:0; display:none;}
    label.radio {background:url(../assets/imgs/radio.png) 0 -3px no-repeat; height:25px; padding:0 25px;font-size:13px;}
    input[type='radio'].radio:checked + .radio {background:url(../assets/imgs/radio2.png)  0 -3px no-repeat;}
    .header-ios .toolbar-background-ios, .footer-ios .toolbar-background-ios{
        border-color:rgba(0, 0, 0, 0)
    }
    .toolbar-ios{
        min-height:50px;
        padding:0;
    }
    .id-top{
        width:100%;
        height:180px;
        background:url(../assets/imgs/id-bg.png) 100% 100%;
        overflow:hidden;
        .id-photo{
            width:80px;
            height:80px;
            display:block;
            margin:0 auto;
            border-radius:50%;
        }
        .id-xy{
            width:95px;
            height:27px;
            background:url(../assets/imgs/id-xybg.png);
            background-size:100% 100%;
            line-height:35px;
            padding-left:30px;
            font-size:12px;
            color:#ff7b00;
            //position: absolute;
            //bottom:0;left:50%;
        }
        .id-bzj{
            width:105px;
            height:27px;
            background:url(../assets/imgs/pr-bzj.png);
            background-size:100% 100%;
            line-height:35px;
            padding-left:30px;
            font-size:12px;
            color:#ff7b00;
            //position: absolute;
            //bottom:30px;left:60%;
        }
        .icon-p{
            width:15px;
            height:15px;
            display: block;
            float:left;
            margin-right:1px;
        }
        .id-p{
            float:left;
            display: block;
            margin-right:1px;
        }
        .id-padding{
            padding:10px 0 10px 20%;
        }
    }
    .pr-input{
        width:65px;
        height:25px;
        border:0;
        background:#e6e6e6;
        border-radius:5px;
        margin-left:5px;
    }
    .gz-input{
        width:40px;
        height:25px;
        border:0;
        background:#e6e6e6;
        border-radius:5px;
        padding-left:2px;
    }
    .gz-input2{
        width:30px;
        height:25px;
        border:0;
        background:#e6e6e6;
        border-radius:5px;
        padding-left:2px
    }
    .gz-input3{
        width:210px;
        height:25px;
        border:0;
        background:#e6e6e6;
        border-radius:5px;
        padding-left:10px;
    }
    .gz-input4{
        width:80%;
        height:25px;
        border:0;
        background:#e6e6e6;
        border-radius:5px;
        padding-left:10px;
        margin:0 auto;
        display:block;
        margin-top:10px;
        margin-bottom:10px;
    }
    .pr-sf1{
        width:110px;
        height:70px;
        background:url(../assets/imgs/l-sf1.png);
        margin-right:10px;
        background-size:100% 100%;
        float:left;
    }
    .pr-sf2{
        width:110px;
        height:70px;
        background:url(../assets/imgs/l-sf2.png);
        margin-right:10px;
        background-size:100% 100%;
        float:left;
    }
    .pr-sf3{
        width:70px;
        height:70px;
        background:url(../assets/imgs/l-sf4.png);
        background-size:100% 100%;
        display:block;
        margin:0 auto;
    }
    .pr-span{
        float:left;
        display:inline-block;
    }

    .other-photo{
        img {
            width:140px;
            height:100px;
            border:1px solid #ccc;
            margin-left:2px;
            border-radius:5px;
        }
    }
    .labelList{
        margin:10px;
        padding:5px 10px;
        background: #fff7ec;
        color: #f29603;
        border-radius: 40px; 
    }
}
